<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@page import="com.lemurian.bankdata.lite.utils.GlobalFunction" %>

<div class="header"><span><span class="ico gray administrator"></span>Pengecekan Sertifikat</span>
</div><!-- End header -->	
<div class="content" >
	<s:form name="formBody" id="validation_demo">
	    <s:hidden name="start"/>
	    <s:hidden name="count"/>
	    <s:hidden name="orderBy"/>
	    <s:hidden name="ascDesc"/>
	    <s:hidden name="previousPage"/>
	    <s:hidden name="actionMethod" value="%{actionMethod}"/>
	    <s:hidden name="subaction"/>
	    <s:hidden name="id" value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}"/>
	    <s:token/>
	
		<!-- Third / Half column-->
		<div class="widgets">
		
				<div class="widget">
				<div class="oneTwo">
					<div class="section" >
						<label> Tipe </label>   
						<div> 
							<div style="width: 100%!importand"> 
									<s:select
										list="listTipeDepartemen" 
										listKey="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}" 
										listValue="name"
										name="departemenId"
										value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(departemenId)}"
										headerKey="0" 
										headerValue="Select below" 
										disabled="%{readOnly}" 
										tooltip=""
									/>
							</div>
						</div>
					</div>
				</div>
				
			</div>
			<div class="clear"></div>
			<!-- PIHAK 1 -->
			<div class="widget">
				<div class="header"><span><span class="ico gray window"></span>  PEMBELI / PIHAK PERTAMA </span></div>
				<div class="oneTwo">
					<div class="section" >
						<label> Status Klien </label>
						<div> 
							<div style="width: 100%!importand"> 
									<s:select list="listStatusPembeli" 
										listKey="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}" 
										listValue="name"
										name="statusPembeliId"
										value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(statusPembeliId)}"
										headerKey="0" 
										headerValue="Select below" 
										disabled="%{readOnly}" 
										tooltip="" 
									/>
							</div>
						</div>
					</div>
					<div class="section" >
						<label> Status <br>Pasangan Kawin </label>   
						<div>
							<div style="width: 100%!importand"> 
									<s:select list="listStatusPembeli" 
										listKey="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}" 
										listValue="name"
										name="statusPasanganKawinPembeliId"
										value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(statusPasanganKawinPembeliId)}"
										headerKey="0" 
										headerValue="Select below" 
										disabled="%{readOnly}" 
										tooltip="" 
									/>
							</div>
						</div>
					</div>
				</div>
				<div class="oneTwo">
					<div class="section" >
						<label> Nama Klien </label>
						<div>
							<s:textfield cssClass="validate[required] text-input large" name="debitur.name"
	                            labelposition="left" maxlength="45" id="name" autocomplete="off"/> 
						</div>
					</div>
					<div class="section" >
						<label> Nama Pasangan Kawin </label>   
						<div> <s:textfield cssClass="validate[required] text-input large" name="debitur.marriedCouple"
	                            labelposition="left" maxlength="45" id="name" autocomplete="off"/>
	                   	</div>
					</div>
					<div class="section" >
						<label> Telp / HP </label>   
						<div>
							<s:textfield cssClass="validate[required] text-input large" name="debitur.telephone1"
	                            labelposition="left" maxlength="45" id="name" autocomplete="off"/>
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<!-- PENJUAL / PIHAK KEDUA -->
			<div class="widget">
				<div class="header"><span><span class="ico gray window"></span> PENJUAL / PIHAK KEDUA</span></div>
				<div class="oneTwo">
					<div class="section" >
						<label> Catatan Tanah </label>   
						<div> 
							<s:textarea name="seller.note" rows="4" cssStyle="margin: 2px 0px; width: 200px;"></s:textarea>
						</div>
					</div>
					<div class="section" >
						<label> Agen Properti </label>   
						<div> <s:textfield cssClass="text-input large" name="klien.agentProperty"
	                            labelposition="left" maxlength="45" autocomplete="off"/></div>
					</div>
					<div class="section" >
						<label> Bank </label>   
						<div> 
							<s:select
										list="listBank" 
										listKey="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(id)}" 
										listValue="name"
										name="bankId"
										value="%{@com.lemurian.bankdata.lite.utils.GlobalFunction@encodeParameter(bankId)}"
										headerKey="0" 
										headerValue="Select below" 
										disabled="%{readOnly}" 
										tooltip=""						
									/>
						</div>
					</div>
				</div>
				<div class="oneTwo">
					<div class="clear"></div>
					<div class="section" >
						<label> Nama Klien </label>   
						<div> 
							<s:textfield cssClass="text-input large" name="seller.name"
	                            labelposition="left" maxlength="45" id="name" autocomplete="off"/>
						</div>
					</div>
					<div class="section" >
						<label> Nama Pasangan Kawin </label>   
						<div> <s:textfield cssClass="text-input large" name="seller.marriedCouple"
	                            labelposition="left" maxlength="45" id="name" autocomplete="off"/></div>
					</div>
					<div class="section" >
						<label> Telp / HP </label>
						<div> <s:textfield cssClass="text-input large" name="seller.telephone1"
	                            labelposition="left" maxlength="45" id="name" autocomplete="off"/></div>
					</div>
				</div>
			</div>
			<div class="clear"></div>
			<!-- DOKUMEN PELENGKAP DAN PAJAK -->
			<div class="widget">
				<div class="header">
					<span><span class="ico gray window"></span> CATATAN / KETERANGAN </span>
					<span style="position: absolute; left: 58%;"><span class="ico gray window"></span>  PAJAK  </span>
				</div>
				
				<div class="oneTwo">
					<div class="section numericonly" style="height: 48px;" >
						<label> Nominal Pajak SSB</label>   
						<div> 
							Rp. <s:textfield cssClass="text-input large" name="nominalPajakSSB"
	                            labelposition="left" maxlength="19" id="name" autocomplete="off"/>
							<span class="f_help">Mohon tidak menggunakan separator.</span>
							
						</div>
					</div>
					<div class="section numericonly" style="height: 48px;" >
						<label> Nominal Pajak SSP </label>   
						<div> 
							Rp. <s:textfield cssClass="text-input large" name="nominalPajakSSP"
	                            labelposition="left" maxlength="19" id="name" autocomplete="off"/>
							<span class="f_help">Mohon tidak menggunakan separator.</span>
							
						</div>
					</div>
					<div class="section" style="border-bottom: 0;">
						<label> Tanggal Pembayaran </label>
						<div><s:textfield cssClass="datepicker text-input medium" name="tanggalPembayaran"/></div>
					</div>
				</div>
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0;" >
						<label> Keterangan </label>
						<div>
							<s:textarea name="klien.remarks"style="margin: 2px 0px; width: 200px;"></s:textarea>
						</div>
					</div>

					<!-- div class="section" style="height: 48px;">
						<label> Tanggal </label>   
						<div><s:textfield cssClass="datepicker text-input medium" name="tglTTD"/></div>
					</div>
					<div class="section" style="height: 48px;">
						<label> Pukul </label>   
						<div>
							<s:textfield cssClass="text-input large" name="jamTTD" onchange="validateHhMm(this);"
	                            labelposition="left" maxlength="5" autocomplete="off" style="width: 40px;text-align: center; font-style:italic"/>
	                    	<span class="f_help">Masukkan jam antara 00:00 s.d. 23:59</span>
						</div>
					</div>
					<div class="section" style="border-bottom: 0;" >
						<label> Tempat </label>   
						<div><s:textfield cssClass="text-input large" name="tempatTTD" maxlength="45" autocomplete="off"/></div>
					</div-->
				</div>
			</div>
			<div class="clear"></div>
			<!-- CATATAN/KETERANGAN -->
			<!-- div class="widget">
				<div class="header">
					<div class="header"><span><span class="ico gray window"></span> CATATAN / KETERANGAN </span></div>
				</div>
				<div class="oneTwo">
					<div class="section" style="border-bottom: 0;" >
						<label> Keterangan </label>   
						<div> 
							<s:textarea name="klien.remarks"style="margin: 2px 0px; width: 200px;"></s:textarea>
						</div>
					</div>
				</div>
			</div>
			<div class="clear"></div-->
			<div class="widget">
				<div class="section" style ="text-align: right; margin-right: 90px;">
					<div class="section last">
						<s:submit action="%{actionMethod}" value="simpan" cssClass="uibutton confirm" cssStyle="width:120px"/>
						<a href="PenandatangananAction_list.do" class="uibutton special">kembali</a>				
					</div>
				</div>
			</div>
		</div><!-- End Third / Half column-->
	
	</s:form>

   <!-- clear fix -->
<div class="clear"></div>

</div><!-- End content -->

<script TYPE="text/JavaScript">
    function validateHhMm(inputField) {
        var isValid = /^([0-1]?[0-9]|2[0-4]):([0-5][0-9])(:[0-5][0-9])?$/.test(inputField.value);

        if (isValid) {
            inputField.style.backgroundColor = '#bfa';
        } else {
            inputField.style.backgroundColor = '#fba';
            alert("Pastikan format jam sudah benar");
        }

        return isValid;
    }
</script>